<template>
  <div id="sgtp">
        <header class="top">
      <div class="top-left">
        <a href="https://www.mi.com/index.html"><div class="header-log" title="小米官网"></div></a>
        <h1 class="shp">我的购物车</h1>
      </div>
      <div class="top-right">
        <div><a href="">登录</a> | <a href="">注册</a></div>
      </div>
    </header>
  </div>
</template>

<script>
export default {
  
}
</script>

<style lang='scss' scoped>
#sgtp{
  .top{
      height: 154px;
      border-bottom: 2px solid #ff6700;
      div{
        display: inline-block;
      }
      h1{
        display: inline-block;
        font-weight: normal;
        color: #424242;
      }
      .top-left{
         width: 80%;
      .header-log{
        margin: 34px 0 0 200px;
        margin-right: 40px;
        display: inline-block;
        background-image: url(//s02.mifile.cn/assets/static/image/logo-mi2.png);
        background-repeat: no-repeat;
        background-size: 60px 60px;
        width: 93px;
        height: 60px;
      }
    }
    .shp{
      
    }
    .top-right{
      font-size: 14px;
    }
  }
}
</style>